<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">
    <title>贴身的采购顾问，可信的招标投标专家-政府采购信息网</title>
    <style type="text/less">
        @import "/web/public/public.less";
        .container{
            #main{
                .top-laber{
                    height: 71px;
                    margin-top: 23px;

                    width: 100%;
                    text-align: center;
                    padding-top: 17px;
                    .top-laber-text{
                        width: auto;
                        height: 23px;
                        font-family: MicrosoftYaHei;
                        font-size: 24px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 48px;
                        letter-spacing: 1px;
                        color: #131313;
                    }
                    img{
                        margin-top: 28px;
                        width: 100%;
                        height: 10px;
                    }
                }

                .clearfix;
                width: 1024px;
                margin: 0 auto;
                position: relative;
                .left{
                    width: 680px;
                    min-height: 500px;
                    padding-top: 30px;
                    .fl;

                    .content-list{
                        &>li{
                            border-bottom: 1px solid #EEEEEE;
                            padding: 20px 0;
                            .clearfix;
                            &.no-data{
                                border: none;
                                text-align: center;
                            }
                            .left{
                                width: 230px !important;
                                height: 140px !important;
                                min-height: 0 !important;
                                padding: 0 !important;
                                .fl;
                                img{
                                    width: 100%;
                                    height: 100%;
                                }
                                &+.right{
                                    width: 435px !important;
                                    .fr;
                                }
                            }
                            .right{
                                min-height: 0 !important;
                                .title{
                                    width: 100%;
                                    font-size: 20px;
                                    .ellipsis;
                                }
                                p{
                                    height: 45px;
                                    color: #7f7f7f;
                                    font-size: 14px;
                                    line-height: 24px;
                                    margin-top: 15px;
                                    .ellipsis-mult(2);
                                }
                                .info{
                                    height: 27px;
                                    overflow: hidden;
                                    margin-top: 30px;
                                    font-size: 14px;
                                    color: #a8a8a8;
                                    .clearfix;
                                    line-height: 26px;
                                    i{
                                        margin-left: 20px;
                                        &:first-child{
                                            margin-left: 0;
                                        }
                                        &+span{
                                            margin-left: 5px;
                                        }
                                    }
                                    a{
                                        display: inline-block;
                                        color: #a8a8a8;
                                        background-color: #F0F0F0;
                                        border-radius: 13px;
                                        padding: 0 13px;
                                        .fr;
                                        margin-left: 10px;
                                        &:last-child{
                                            margin-left: 0;
                                        }
                                    }
                                }
                            }
                        }

                    }
                }
                &>.right{
                    width: 302px;
                    min-height: 500px;
                    .fr;
                    padding-top: 30px;
                }
            }
        }
    </style>

    <script src="/web/lib/less.min.js"></script>
    <script src="/web/lib/jquery-1.12.4.min.js"></script>
    <script src="/web/public/public.js"></script>
    <script src="/web/lib/jquery.pagination.js"></script>
</head>
<body>
<div class="container">
    <!--这里引入header-->
    <!--#include virtual="/web/html/header/header.htm"-->
    <div id="main">
        <div class="top-laber"><div class="top-laber-text">RSS页面</div><img src="/web/img/rss-top_underline.png"></img></div>
        <div class="left">
            <ul class="content-list">
                <!--<li>
                    <div class="left">
                        <img src="/web/img/list-img-1.png" alt="图片">
                    </div>
                    <div class="right">
                        <div class="title"><a href="javascript:">标题最多显示20个字符,字号20像素#333333</a></div>
                        <p class="intro">
                            内容介绍最多显示55各自,字号14像素#7f7f7f企业都在苦苦挣扎，长
                            城汽车每月销量却在逆势增长增长增长增长对对对。
                        </p>
                        <div class="info">
                            <i class="iconfont icon-renwu-touxiang"></i><span>刘轩赫/整理</span>
                            <i class="iconfont icon-shijian"></i><span>2020-09-08</span>

                            <a href="javascript:" class="tag">集采机构</a>
                            <a href="javascript:" class="tag">采购人</a>
                        </div>
                    </div>
                </li>-->
            </ul>
            <div class="list-pagination"></div>
        </div>
        <div class="right">
            <!--#include virtual="/web/html/fragment/public/video-classroom.htm"-->
            <!--#include virtual="/web/html/fragment/public/audio-column.htm"-->
            <!--#include virtual="/web/html/fragment/home/right-boutique.htm"-->
            <!--#include virtual="/web/html/fragment/home/right-hot-search.htm"-->
            <!--#include virtual="/web/html/fragment/home/ad-list-one.htm"-->
            <!--#include virtual="/web/html/fragment/home/ad-list-two.htm"-->
        </div>
    </div>
    <!--#include file="/web/html/footer/footer.htm"-->
</div>
<script>
    // var tagId = utils.getQueryVariable('id');
    var tagId = -1;
    $.ajax({
        url:ports.getTagListTdk,
        data: {
            plateIds: 101
        },
        success:function (res) {
            console.log('获取标签列表tdk',res);
            $("title").text(res.data.channelTitle+'-政府采购信息网'||'政府采购信息网');
            $("meta[name='keywords']").prop('content',res.data.channelKeyword||'');
            $("meta[name='description']").prop('content',res.data.channelDescriptions||'');
        }
    })

    function getTagList(pageNum,resetPage){
        var pageSize = 12;
        $.ajax({
            url: ports.getArticleList,
            data: {
                plateIds: tagId,
                page:pageNum,
                size:pageSize
            },
            success:function(res) {
                console.log('获取标签列表',res);
                if(res.status==200){
                    var tagListHtml = '';
                    var tagList = res.data.list;
                    if(tagList&&tagList.length){
                        tagList.forEach(function (item) {
                            var keywordsListHtml = '';
                            item.articleKeywords.forEach(function (item1) {
                                keywordsListHtml += '<a href='+ '/web/tagList/1.html?id='+item1.value+' class="tag" title="'+item1.label+'" target="_blank">'+ item1.label +'</a>'
                            })
                            tagListHtml += '<li>\n' +
                                (item.articleImage ? '<div class="left">'+'<a target="_blank" href="' + (item.articleOutLinkStatus==0?item.articleUrl:item.articleOutLink) + '" title="'+item.articleTitle+'">' + '<img src=' + item.articleImage + ' alt=' + item.articleTitle + '></a></div>' : '')
                                +
                                '                    <div class="right">\n' +
                                '                        <div class="title"><a target="_blank" href="'+ (item.articleOutLinkStatus==0?item.articleUrl:item.articleOutLink) +'" title="'+item.articleTitle+'">'+ item.articleTitle +'</a></div>\n' +
                                '                        <p>\n' + '<a target="_blank" href="' + (item.articleOutLinkStatus==0?item.articleUrl:item.articleOutLink) + '" title="'+item.articleTitle+'">' + item.articleInfo +'</a>'+
                                '                        </p>\n' +
                                '                        <div class="info">\n' +
                                '                            <i class="iconfont icon-shijian"></i><span>'+ item.articleReleaseTime.substr(0,10) +'</span>\n' +
                                '\n'
                                + keywordsListHtml +
                                '                        </div>\n' +
                                '                    </div>\n' +
                                '                </li>'
                        })
                    }else{
                        tagListHtml = '<li class="no-data">暂无数据</li>';
                        $('.list-pagination').remove();
                    }

                    $('ul.content-list').html(tagListHtml);
                    if(resetPage){
                        $('.list-pagination').pagination({
                            prevContent: '< 上一页',
                            nextContent: '下一页 >',
                            totalData: res.data.total||1,
                            showData: pageSize,
                            coping: true,
                            callback: function (api) {
                                console.log(api.getCurrent());
                                var current = api.getCurrent();
                                document.body.scrollTop = 0;
                                document.documentElement.scrollTop = 0;
                                getTagList(current,false);
                            }
                        });
                    }
                }
            }
        });
    }

    getTagList(1,true);

</script>
</body>
</html>
